<!DOCTYPE html>
<html>

<head>
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="date=no">
	<link rel="stylesheet" type="text/css" href="assets/lcars-ultra-picard.css">
	<script src="assets/jquery-3-7-0.min.js"></script>
</head>

<body>
	<div class="wrap-everything">
		<section id="column-1">
			<div class="lcars-frame">
				<div class="frame-col-1">
					<div class="frame-col-1-cell-a"></div>
					<div class="frame-col-1-cell-b"></div>
					<div class="frame-col-1-cell-c"></div>
				</div>
				<div class="frame-col-2"> </div>
				<div class="frame-col-3 display-vertical">
					<div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div>					
				</div>
				<div class="frame-col-4"> </div>
				<div class="frame-col-5">
					<div class="frame-col-5-cell-a"></div>
					<div class="frame-col-5-cell-b"></div>
					<div class="frame-col-5-cell-c"></div>
				</div>
			</div>
			<div class="lcars-frame-after">
				18-1987
			</div>
			<div class="panel-24 first-needle">
				<div class="panel-24-col-a">
					<div class="panel-24-block-1">
						<div class="panel-24-cube cc-1"> </div>
						<div class="panel-24-cube cc-2"> </div>
						<div class="panel-24-cube cc-3"> </div>
					</div>
					<div class="panel-24-block-2">
						<div class="panel-24-block-3">
							<div class="panel-24-block-4 block-4-color-a"> </div>
						</div>
					</div>
					<div class="panel-24-block-5"> </div>
				</div>
				<div class="panel-24-col-b">
					<div class="panel-24-block-6">
						8047
					</div>
					<div class="gauge-wrap">
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							100
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							90
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							80
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							70
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							60
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							50
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							40
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							30
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							20
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							10
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							00
						</div>
					</div>
				</div>
			</div>
			<div class="panel-base">				
			</div>
			<div class="panel-20">
				20-62
			</div>
			<div class="panel-21">
				LV-426
			</div>
			<div class="panel-20">
				20-69
			</div>
			<div class="elbow-continue-1">
				<div class="elbow-continue-2">
					<div class="elbow-continue-3">
						1-987
					</div>
				</div>
			</div>
		</section>

		<section id="column-2">

			<div class="panel-23">
				
				23-1524
			</div>
			<div class="panel-23-after">
				54-2023
			</div>
			<div class="panel-24 second-needle">
				<div class="panel-24-col-a">
					<div class="panel-24-block-1">
						<div class="panel-24-cube cc-4"> </div>
						<div class="panel-24-cube cc-5"> </div>
						<div class="panel-24-cube cc-6"> </div>
					</div>
					<div class="panel-24-block-2">
						<div class="panel-24-block-3">
							<div class="panel-24-block-4 block-4-color-b"> </div>
						</div>
					</div>
					<div class="panel-24-block-5"> </div>
				</div>
				<div class="panel-24-col-b">
					<div class="panel-24-block-6">
						7125
					</div>
					<div class="gauge-wrap">
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							100
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							90
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							80
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							70
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							60
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							50
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							40
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							30
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							20
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							10
						</div>
						<div class="gauge-1"> </div>
						<div class="gauge-2">
							00
						</div>
					</div>
				</div>
			</div>
			<div class="panel-base-2nd-column">	</div>
			<div class="panel-25">
				<div>AA</div>
				<div>-/+</div>
				<div>AA</div>
				<div>=</div>
				<div>AB</div>
				<div>=</div>
				<div>AC</div>
				<div>-/+</div>
				<div>AA-AC</div>
				<div>RND</div>
			</div>
			<div class="panel-26">26-318</div>
			<div class="elbow-close-1">
				<div class="elbow-close-2">
					<div class="elbow-close-3">	</div>
				</div>
			</div>
		</section>
		<section id="column-3">
			<div class="top-wrapper">
				<div class="top-display">
					<div class="top-display-left">
						<nav id="primary-nav">
							<a href="">BUTTON-01</a>
							<a href="">BUTTON-02</a>
							<a href="">BUTTON-03</a>
						</nav>
						<div class="chunk"> </div>
						<div class="panel-wrapper">
							<div class="panel-1">04-557</div>
						</div>
					</div>
					<div class="top-display-right">
						<div class="top-display-content">
							<div class="top-arch-1">
								<div class="top-arch-2">
									<div class="top-arch-content">
										<img src="assets/sfcmd.png" class="sfc">
										<div class="lcars-heading">LIBRARY COMPUTER ACCESS/RETRIEVAL SYSTEM</div>
										<div class="lcars-access">
											user authorization code <span class="blink medium-dark-blue">accepted</span>
										</div>
									</div>
									<div class="top-arch-panel-1">
									</div>
									<div class="top-arch-panel-2">
										23<span class="hop">-</span>09										
									</div>
								</div>
							</div>							
						</div>
						<div class="arch-bottom">
							<div class="arch-base"> </div>
						</div>
					</div>
				</div>
				<div class="top-display-bottom">					
					<div class="bar-elbow"></div>
					<div class="bar-1"></div>
					<div class="bar-2"></div>
					<div class="bar-3"></div>
					<div class="bar-4">
						
					</div>
					<div class="bar-5"></div>		
				</div>
			</div> <!-- / top-wrapper -->
			<div class="spacer">
				<div class="space-sidebar"></div>
				<div class="space-1"></div>
				<div class="space-2"></div>
				<div class="space-3"></div>
				<div class="space-4"></div>
			</div>
			<div class="wrap">
				<div class="scroll-top"><a id="scroll-top" href=""><span class="hop">screen</span> top</a></div>
				<div class="left-frame">
					<div>
						<div class="panel-3">03<span class="hop">-111968</span></div>
						<nav id="secondary-nav">
							<a href="">BUTTON-04</a>
							<a href="">BUTTON-05</a>
							<a href="">BUTTON-06</a>
						</nav>
						<div class="panel-4">04<span class="hop">-41969</span></div>
						<div class="panel-5">05<span class="hop">-1701D</span></div>
						<div class="panel-6">06<span class="hop">-071984</span></div>
						<div class="panel-7">07<span class="hop">-47148</span></div>
					</div>
					<div>
						<div class="panel-8">08<span class="hop">-091966</span></div>
					</div>
				</div>
				<div class="right-frame">
					<div class="bar-runner">
						<div class="bar-6"></div>
						<div class="bar-7"></div>
						<div class="bar-8"></div>
						<div class="bar-9"></div>
						<div class="bar-10"></div>
					</div>
					<main>

						<!-- Start your content here. -->
						
							<h1>Hello</h1>

							<h2>LCARS Ultra &#149; Picard Theme</h2>

							<h3>Welcome to the 25th Century!</h3>

							<p>Replace this content with your own.</p>

							<p>Live long and prosper.</p>

						<!-- End content area -->						

						<footer>
							<div class="footer-inside">
								<div class="footer-text">

									<p> <!-- Your copyright information is only a suggestion. You can also choose to delete this paragraph. -->
										Content Copyright &#169; 2023 *replace this text with your site's name or url*
									</p>

									<p>	<!-- This paragraph must not be removed. -->
										LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>						
									</p>

								</div>
							</div>
							<div class="footer-panel"> <span class="hop">22</span>47 </div>
						</footer>
					</main>
				</div>
			</div>
		</section>
	</div>
	<script type="text/javascript" src="assets/lcars.js"></script>
</body>

</html>